<script setup lang="ts">
import Banner from "./components/Banner.vue";
import BrandM from "./components/Brand.m.vue";
import Brand from "./components/Brand.vue";
import NewsM from "./components/News.m.vue";
import News from "./components/News.vue";
import SceneM from "./components/Scene.m.vue";
import Scene from "./components/Scene.vue";

import VideoSec from "./components/VideoSec/index.vue";
import ProductsSec from "./components/ProductsSec/index.vue";
</script>

<template>
  <!-- S banner -->
  <Banner />
  <!-- E banner -->

  <!-- S 产品展示  -->
  <ProductsSec />
  <!-- E 产品展示-->

  <!-- S 产品应用  -->
  <DeviceRender>
    <Scene />
    <template #mobile>
      <SceneM />
    </template>
  </DeviceRender>
  <!-- E 产品应用-->

  <!-- S 品牌新闻 -->
  <DeviceRender>
    <h3 class="mb-60px text-44px text-center font-500">品牌新闻</h3>
    <News />
    <template #mobile>
      <NewsM />
    </template>
  </DeviceRender>
  <!-- E 品牌新闻 -->

  <!-- S 视频中心 -->
  <VideoSec />
  <!-- E 视频中心 -->

  <!-- S 品牌 -->
  <DeviceRender>
    <Brand />
    <template #mobile>
      <BrandM />
    </template>
  </DeviceRender>
  <!-- E 品牌 -->
</template>
